<template>
  <div style="margin: 20px">
    <el-button :icon="Search" @click="popDialogFunc" round>搜索页面</el-button>
    <!-- 展示区，Router路由到的页面在这里展示 -->
    <div class="main-content" style="margin: 20px; padding: 20px">
      <RouterView></RouterView>
    </div>
    <el-backtop :right="100" :bottom="100" />
    <el-backtop :bottom="100">
      <div
        style="
          height: 100%;
          width: 100%;
          background-color: var(--el-bg-color-overlay);
          box-shadow: var(--el-box-shadow-lighter);
          text-align: center;
          line-height: 40px;
          color: #1989fa;
        "
      >
        UP
      </div>
    </el-backtop>
  </div>
  <el-dialog v-model="dialogTableVisible" title="菜单" width="800" height="2000">
    <div style="margin: 20px">
      <el-input
        v-model="query"
        style="width: 240px"
        placeholder="输入关键词"
        clearable
        @input="onQueryChanged"
      />
      <el-tree-v2
        ref="treeRef"
        style="max-width: 600px; max-height: 800px"
        :data="data"
        :props="props"
        :filter-method="filterMethod"
        :height="208"
        @node-click="treeNodeClick"
        accordion
      />
    </div>
  </el-dialog>
</template>

<script lang="ts" setup>
import { ref } from "vue";
import { Search } from "@element-plus/icons-vue";
import { ElTreeV2 } from "element-plus";
import type { TreeNode } from "element-plus/es/components/tree-v2/src/types";
import { useRouter } from "vue-router";

const router = useRouter();
const dialogTableVisible = ref(false);

const popDialogFunc = () => {
  dialogTableVisible.value = true;
};

const query = ref("");
const treeRef = ref<InstanceType<typeof ElTreeV2>>();

const props = {
  value: "id",
  label: "label",
  children: "children",
};

const onQueryChanged = (query: string) => {
  // TODO: fix typing when refactor tree-v2
  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
  // @ts-expect-error
  treeRef.value!.filter(query);
};
const filterMethod = (query: string, node: TreeNode) => {
  return node.label!.includes(query);
};

// 当绑定值变化时触发的事件，即鼠标点击选中某一个叶子节点，触发点击事件
const treeNodeClick = (data: TreeNodeData, node: TreeNode, e: MouseEvent) => {
  // debugger
  // 非叶子结点，直接返回
  if (data?.children) {
    return;
  }
  // 关闭弹框
  dialogTableVisible.value = false;
  // 当Cascader选项变化时，调用goPage方法
  goPage(data?.value);
};

// 根据选中项，RouterView组件显示路由到的新页面
const goPage = (value) => {
  if (value instanceof Array) {
    // 数据元素是value值，数组按层级排序，最后一个是选中项的value值
    const curItem = value[value.length - 1];
    // 跳转到点击的页面
    router.push("/" + curItem);
  } else {
    // 跳转到点击的页面
    router.push("/" + value);
  }
};

const data = [
  {
    id: "demoPage",
    value: "demoPage",
    label: "样例",
    children: [
      {
        id: "demoPageCalculator",
        value: "demoPageCalculator",
        label: "计算",
        children: [
          {
            id: "demoPageCalculator1",
            value: "demoPageCalculator1",
            label: "浮动计算", 
          },
        ],
      },
    ],
  },
  {
    id: "elementPlus",
    value: "elementPlus",
    label: "Element Plus 组件",
    children: [
      {
        id: "basicComponent",
        value: "basicComponent",
        label: "基础组件",
        children: [
          {
            id: "button",
            value: "button",
            label: "Button 按钮",
            children: [
              {
                id: "button1",
                value: "button1",
                label: "基础用法",
              },
              {
                id: "button2",
                value: "button2",
                label: "禁用状态",
              },
              {
                id: "button3",
                value: "button3",
                label: "链接按钮",
              },
              {
                id: "button4",
                value: "button4",
                label: "文字按钮",
              },
              {
                id: "button5",
                value: "button5",
                label: "图标按钮",
              },
              {
                id: "button6",
                value: "button6",
                label: "按钮组",
              },
              {
                id: "button7",
                value: "button7",
                label: "加载状态按钮",
              },
              {
                id: "button8",
                value: "button8",
                label: "调整尺寸",
              },
              {
                id: "button9",
                value: "button9",
                label: "Tag",
              },
              {
                id: "button10",
                value: "button10",
                label: "自定义颜色",
              },
              {
                id: "button11",
                value: "button11",
                label: "Button API",
              },
              {
                id: "button12",
                value: "button12",
                label: "ButtonGroup API",
              },
            ],
          },
          {
            id: "border",
            value: "border",
            label: "Border 边框",
            children: [
              {
                id: "border1",
                value: "border1",
                label: "边框样式",
              },
              {
                id: "border2",
                value: "border2",
                label: "圆角",
              },
              {
                id: "border3",
                value: "border3",
                label: "阴影",
              },
            ],
          },
          {
            id: "color",
            value: "color",
            label: "色彩",
            children: [
              {
                id: "color1",
                value: "color1",
                label: "主色",
              },
              {
                id: "color2",
                value: "color2",
                label: "辅助色",
              },
              {
                id: "color3",
                value: "color3",
                label: "中性色",
              },
            ],
          },
          {
            id: "container",
            value: "container",
            label: "布局容器",
            children: [
              {
                id: "container1",
                value: "container1",
                label: "布局容器介绍",
              },
              {
                id: "container2",
                value: "container2",
                label: "常见页面布局",
              },
              {
                id: "container3",
                value: "container3",
                label: "例子",
              },
              {
                id: "container4",
                value: "container4",
                label: "Container API",
              },
              {
                id: "container5",
                value: "container5",
                label: "Header API",
              },
              {
                id: "container6",
                value: "container6",
                label: "Aside API",
              },
              {
                id: "container7",
                value: "container7",
                label: "Main API",
              },
              {
                id: "container8",
                value: "container8",
                label: "Footer API",
              },
            ],
          },
          {
            id: "icon",
            value: "icon",
            label: "图标",
            children: [
              {
                id: "icon1",
                value: "icon1",
                label: "基础用法",
              },
              {
                id: "icon2",
                value: "icon2",
                label: "结合 el-icon 使用",
              },
              {
                id: "icon3",
                value: "icon3",
                label: "直接使用 SVG 图标",
              },
              {
                id: "icon4",
                value: "icon4",
                label: "图标集合",
              },
              {
                id: "icon5",
                value: "icon5",
                label: "API",
              },
            ],
          },
          {
            id: "layout",
            value: "layout",
            label: "布局",
            children: [
              {
                id: "layout1",
                value: "layout1",
                label: "介绍",
              },
              {
                id: "layout2",
                value: "layout2",
                label: "基础布局",
              },
              {
                id: "layout3",
                value: "layout3",
                label: "分栏间隔",
              },
              {
                id: "layout4",
                value: "layout4",
                label: "混合布局",
              },
              {
                id: "layout5",
                value: "layout5",
                label: "列偏移",
              },
              {
                id: "layout6",
                value: "layout6",
                label: "对齐方式",
              },
              {
                id: "layout7",
                value: "layout7",
                label: "响应式布局",
              },
              {
                id: "layout8",
                value: "layout8",
                label: "基于断点的隐藏类",
              },
              {
                id: "layout9",
                value: "layout9",
                label: "Row API",
              },
              {
                id: "layout10",
                value: "layout10",
                label: "Col API",
              },
            ],
          },
          {
            id: "link",
            value: "link",
            label: "链接",
            children: [
              {
                id: "link1",
                value: "link1",
                label: "基础用法",
              },
              {
                id: "link2",
                value: "link2",
                label: "禁用状态",
              },
              {
                id: "link3",
                value: "link3",
                label: "下划线",
              },
              {
                id: "link4",
                value: "link4",
                label: "图标",
              },
              {
                id: "link5",
                value: "link5",
                label: "Link API",
              },
            ],
          },
          {
            id: "text",
            value: "text",
            label: "文本",
            children: [
              {
                id: "text1",
                value: "text1",
                label: "基础用法",
              },
              {
                id: "text2",
                value: "text2",
                label: "尺寸",
              },
              {
                id: "text3",
                value: "text3",
                label: "省略",
              },
              {
                id: "text4",
                value: "text4",
                label: "覆盖",
              },
              {
                id: "text5",
                value: "text5",
                label: "混合使用",
              },
              {
                id: "text6",
                value: "text6",
                label: "API",
              },
            ],
          },
          {
            id: "scrollbar",
            value: "scrollbar",
            label: "滚动条",
            children: [
              {
                id: "scrollbar1",
                value: "scrollbar1",
                label: "基础用法",
              },
              {
                id: "scrollbar2",
                value: "scrollbar2",
                label: "横向滚动",
              },
              {
                id: "scrollbar3",
                value: "scrollbar3",
                label: "最大高度",
              },
              {
                id: "scrollbar4",
                value: "scrollbar4",
                label: "手动滚动",
              },
              {
                id: "scrollbar5",
                value: "scrollbar5",
                label: "API",
              },
            ],
          },
          {
            id: "space",
            value: "space",
            label: "间距",
            children: [
              {
                id: "space1",
                value: "space1",
                label: "介绍",
              },
              {
                id: "space2",
                value: "space2",
                label: "基础用法",
              },
              {
                id: "space3",
                value: "space3",
                label: "垂直布局",
              },
              {
                id: "space4",
                value: "space4",
                label: "控制间距的大小",
              },
              {
                id: "space5",
                value: "space5",
                label: "自定义 Size",
              },
              {
                id: "space6",
                value: "space6",
                label: "自动换行",
              },
              {
                id: "space7",
                value: "space7",
                label: "行间分隔符",
              },
              {
                id: "space8",
                value: "space8",
                label: "分隔符还可以是 VNode 类型",
              },
              {
                id: "space9",
                value: "space9",
                label: "对齐方式",
              },
              {
                id: "space10",
                value: "space10",
                label: "填充容器1",
              },
              {
                id: "space11",
                value: "space11",
                label: "填充容器2",
              },
              {
                id: "space12",
                value: "space12",
                label: "API",
              },
            ],
          },
          {
            id: "typography",
            value: "typography",
            label: "排版",
            children: [
              {
                id: "typography1",
                value: "typography1",
                label: "介绍",
              },
              {
                id: "typography2",
                value: "typography2",
                label: "字体",
              },
              {
                id: "typography3",
                value: "typography3",
                label: "字号",
              },
              {
                id: "typography4",
                value: "typography4",
                label: "行高",
              },
              {
                id: "typography5",
                value: "typography5",
                label: "Font-family",
              },
            ],
          },
        ],
      },
      {
        id: "configComponenet",
        value: "configComponenet",
        label: "配置组件",
        children: [
          {
            id: "configProvider",
            value: "configProvider",
            label: "全局配置",
            children: [
              {
                id: "configProvider1",
                value: "configProvider1",
                label: "i18n 配置",
              },
              {
                id: "configProvider2",
                value: "configProvider2",
                label: "对按钮进行配置",
              },
              {
                id: "configProvider3",
                value: "configProvider3",
                label: "对消息进行配置",
              },
              {
                id: "configProvider4",
                value: "configProvider4",
                label: "空值配置",
              },
              {
                id: "configProvider5",
                value: "configProvider5",
                label: "实验性功能",
              },
              {
                id: "configProvider6",
                value: "configProvider6",
                label: "API",
              },
            ],
          },
        ],
      },
      {
        id: "formComponenet",
        value: "formComponenet",
        label: "表单组件",
        children: [
          {
            id: "autocomplete",
            value: "autocomplete",
            label: "自动补全输入框",
            children: [
              {
                id: "autocomplete1",
                value: "autocomplete1",
                label: "基础用法",
              },
              {
                id: "autocomplete2",
                value: "autocomplete2",
                label: "自定义模板",
              },
              {
                id: "autocomplete3",
                value: "autocomplete3",
                label: "远程搜索",
              },
              {
                id: "autocomplete4",
                value: "autocomplete4",
                label: "自定义加载",
              },
              {
                id: "autocomplete5",
                value: "autocomplete5",
                label: "API",
              },
            ],
          },
          {
            id: "cascader",
            value: "cascader",
            label: "级联选择器",
            children: [
              {
                id: "cascader1",
                value: "cascader1",
                label: "基础用法",
              },
              {
                id: "cascader2",
                value: "cascader2",
                label: "有禁用选项",
              },
              {
                id: "cascader3",
                value: "cascader3",
                label: "可清空",
              },
              {
                id: "cascader4",
                value: "cascader4",
                label: "仅显示最后一级",
              },
              {
                id: "cascader5",
                value: "cascader5",
                label: "多选",
              },
              {
                id: "cascader6",
                value: "cascader6",
                label: "选择任意一级选项",
              },
              {
                id: "cascader7",
                value: "cascader7",
                label: "动态加载",
              },
              {
                id: "cascader8",
                value: "cascader8",
                label: "可搜索",
              },
              {
                id: "cascader9",
                value: "cascader9",
                label: "自定义节点内容",
              },
              {
                id: "cascader10",
                value: "cascader10",
                label: "级联面板",
              },
              {
                id: "cascader11",
                value: "cascader11",
                label: "Cascader API",
              },
              {
                id: "cascader12",
                value: "cascader12",
                label: "CascaderPanel API",
              },
              {
                id: "cascader13",
                value: "cascader13",
                label: "CascaderProps",
              },
              {
                id: "cascader14",
                value: "cascader14",
                label: "类型声明",
              },
            ],
          },
          {
            id: "checkbox",
            value: "checkbox",
            label: "多选框",
            children: [
              {
                id: "checkbox1",
                value: "checkbox1",
                label: "介绍",
              },
              {
                id: "checkbox2",
                value: "checkbox2",
                label: "基础用法",
              },
              {
                id: "checkbox3",
                value: "checkbox3",
                label: "禁用状态",
              },
              {
                id: "checkbox4",
                value: "checkbox4",
                label: "多选框组",
              },
              {
                id: "checkbox5",
                value: "checkbox5",
                label: "中间状态",
              },
              {
                id: "checkbox6",
                value: "checkbox6",
                label: "可选项目数量的限制",
              },
              {
                id: "checkbox7",
                value: "checkbox7",
                label: "按钮样式",
              },
              {
                id: "checkbox8",
                value: "checkbox8",
                label: "带有边框",
              },
              {
                id: "checkbox9",
                value: "checkbox9",
                label: "Checkbox API",
              },
              {
                id: "checkbox10",
                value: "checkbox10",
                label: "CheckboxGroup API",
              },
              {
                id: "checkbox11",
                value: "checkbox11",
                label: "CheckboxButton API",
              },
            ],
          },
          {
            id: "colorPicker",
            value: "colorPicker",
            label: "颜色选择器",
            children: [
              {
                id: "colorPicker1",
                value: "colorPicker1",
                label: "基础用法",
              },
              {
                id: "colorPicker2",
                value: "colorPicker2",
                label: "选择透明度",
              },
              {
                id: "colorPicker3",
                value: "colorPicker3",
                label: "预定义颜色",
              },
              {
                id: "colorPicker4",
                value: "colorPicker4",
                label: "不同尺寸",
              },
              {
                id: "colorPicker5",
                value: "colorPicker5",
                label: "API",
              },
            ],
          },
          {
            id: "datePicker",
            value: "datePicker",
            label: "日期选择器",
            children: [
              {
                id: "datePicker1",
                value: "datePicker1",
                label: "选择某一天",
              },
              {
                id: "datePicker2",
                value: "datePicker2",
                label: "其他日期单位",
              },
              {
                id: "datePicker3",
                value: "datePicker3",
                label: "选择一段时间",
              },
              {
                id: "datePicker4",
                value: "datePicker4",
                label: "选择月份范围",
              },
              {
                id: "datePicker5",
                value: "datePicker5",
                label: "年份范围",
              },
              {
                id: "datePicker6",
                value: "datePicker6",
                label: "默认值",
              },
              {
                id: "datePicker7",
                value: "datePicker7",
                label: "日期格式",
              },
              {
                id: "datePicker8",
                value: "datePicker8",
                label: "默认显示日期",
              },
              {
                id: "datePicker9",
                value: "datePicker9",
                label: "设置自定义前缀的内容",
              },
              {
                id: "datePicker10",
                value: "datePicker10",
                label: "自定义内容",
              },
              {
                id: "datePicker11",
                value: "datePicker11",
                label: "自定义图标",
              },
              {
                id: "datePicker12",
                value: "datePicker12",
                label: "国际化",
              },
              {
                id: "datePicker13",
                value: "datePicker13",
                label: "API",
              },
              {
                id: "datePicker14",
                value: "datePicker14",
                label: "类型声明",
              },
            ],
          },
          {
            id: "timePicker",
            value: "timePicker",
            label: "时间选择器",
            children: [
              {
                id: "timePicker1",
                value: "timePicker1",
                label: "任意时间点",
              },
              {
                id: "timePicker2",
                value: "timePicker2",
                label: "限制时间选择范围",
              },
              {
                id: "timePicker3",
                value: "timePicker3",
                label: "任意时间范围",
              },
              {
                id: "timePicker4",
                value: "timePicker4",
                label: "API",
              },
            ],
          },
          {
            id: "dateTimePicker",
            value: "dateTimePicker",
            label: "日期时间选择器",
            children: [
              {
                id: "dateTimePicker1",
                value: "dateTimePicker1",
                label: "介绍",
              },
              {
                id: "dateTimePicker2",
                value: "dateTimePicker2",
                label: "日期和时间点",
              },
              {
                id: "dateTimePicker3",
                value: "dateTimePicker3",
                label: "日期时间格式",
              },
              {
                id: "dateTimePicker4",
                value: "dateTimePicker4",
                label: "下拉列表中的日期和时间格式",
              },
              {
                id: "dateTimePicker5",
                value: "dateTimePicker5",
                label: "日期和时间范围",
              },
              {
                id: "dateTimePicker6",
                value: "dateTimePicker6",
                label: "默认的起始与结束时刻",
              },
              {
                id: "dateTimePicker7",
                value: "dateTimePicker7",
                label: "自定义图标",
              },
              {
                id: "dateTimePicker8",
                value: "dateTimePicker8",
                label: "Attributes",
              },
              {
                id: "dateTimePicker9",
                value: "dateTimePicker9",
                label: "事件",
              },
              {
                id: "dateTimePicker10",
                value: "dateTimePicker10",
                label: "方法",
              },
              {
                id: "dateTimePicker11",
                value: "dateTimePicker11",
                label: "Slots",
              },
            ],
          },
          {
            id: "form",
            value: "form",
            label: "表单",
            children: [
              {
                id: "form1",
                value: "form1",
                label: "介绍",
              },
              {
                id: "form2",
                value: "form2",
                label: "典型表单",
              },
              {
                id: "form3",
                value: "form3",
                label: "行内表单",
              },
              {
                id: "form4",
                value: "form4",
                label: "对齐方式",
              },
              {
                id: "form5",
                value: "form5",
                label: "表单校验",
              },
              {
                id: "form6",
                value: "form6",
                label: "自定义校验规则",
              },
              {
                id: "form7",
                value: "form7",
                label: "添加/删除表单项",
              },
              {
                id: "form8",
                value: "form8",
                label: "数字类型验证",
              },
              {
                id: "form9",
                value: "form9",
                label: "尺寸控制",
              },
              {
                id: "form10",
                value: "form10",
                label: "无障碍",
              },
              {
                id: "form11",
                value: "form11",
                label: "Form API",
              },
              {
                id: "form12",
                value: "form12",
                label: "FormItem API",
              },
              {
                id: "form13",
                value: "form13",
                label: "类型声明",
              },
            ],
          },
          {
            id: "input",
            value: "input",
            label: "输入框",
            children: [
              {
                id: "input1",
                value: "input1",
                label: "介绍",
              },
              {
                id: "input2",
                value: "input2",
                label: "基础用法",
              },
              {
                id: "input3",
                value: "input3",
                label: "禁用状态",
              },
              {
                id: "input4",
                value: "input4",
                label: "一键清空",
              },
              {
                id: "input5",
                value: "input5",
                label: "格式化",
              },
              {
                id: "input6",
                value: "input6",
                label: "密码框",
              },
              {
                id: "input7",
                value: "input7",
                label: "带图标的输入框",
              },
              {
                id: "input8",
                value: "input8",
                label: "文本域",
              },
              {
                id: "input9",
                value: "input9",
                label: "自适应文本域",
              },
              {
                id: "input10",
                value: "input10",
                label: "复合型输入框",
              },
              {
                id: "input11",
                value: "input11",
                label: "尺寸",
              },
              {
                id: "input12",
                value: "input12",
                label: "输入长度限制",
              },
              {
                id: "input13",
                value: "input13",
                label: "API",
              },
              {
                id: "input14",
                value: "input14",
                label: "常见问题",
              },
            ],
          },
          {
            id: "inputNumber",
            value: "inputNumber",
            label: "数字输入框",
            children: [
              {
                id: "inputNumber1",
                value: "inputNumber1",
                label: "基础用法",
              },
              {
                id: "inputNumber2",
                value: "inputNumber2",
                label: "禁用状态",
              },
              {
                id: "inputNumber3",
                value: "inputNumber3",
                label: "步进",
              },
              {
                id: "inputNumber4",
                value: "inputNumber4",
                label: "严格步进",
              },
              {
                id: "inputNumber5",
                value: "inputNumber5",
                label: "精度",
              },
              {
                id: "inputNumber6",
                value: "inputNumber6",
                label: "不同的输入框尺寸",
              },
              {
                id: "inputNumber7",
                value: "inputNumber7",
                label: "按钮位置",
              },
              {
                id: "inputNumber8",
                value: "inputNumber8",
                label: "自定义图标",
              },
              {
                id: "inputNumber9",
                value: "inputNumber9",
                label: "API",
              },
            ],
          },
          {
            id: "mention",
            value: "mention",
            label: "提及",
            children: [
              {
                id: "mention1",
                value: "mention1",
                label: "基础用法",
              },
              {
                id: "mention2",
                value: "mention2",
                label: "Textarea",
              },
              {
                id: "mention3",
                value: "mention3",
                label: "自定义标签",
              },
              {
                id: "mention4",
                value: "mention4",
                label: "加载远程选项",
              },
              {
                id: "mention5",
                value: "mention5",
                label: "自定义触发字段",
              },
              {
                id: "mention6",
                value: "mention6",
                label: "整体删除",
              },
              {
                id: "mention7",
                value: "mention7",
                label: "在表单里使用",
              },
              {
                id: "mention8",
                value: "mention8",
                label: "API",
              },
              {
                id: "mention9",
                value: "mention9",
                label: "类型声明",
              },
            ],
          },
          {
            id: "radio",
            value: "radio",
            label: "单选框",
            children: [
              {
                id: "radio1",
                value: "radio1",
                label: "介绍",
              },
              {
                id: "radio2",
                value: "radio2",
                label: "基础用法",
              },
              {
                id: "radio3",
                value: "radio3",
                label: "禁用状态",
              },
              {
                id: "radio4",
                value: "radio4",
                label: "单选框组",
              },
              {
                id: "radio5",
                value: "radio5",
                label: "按钮样式",
              },
              {
                id: "radio6",
                value: "radio6",
                label: "带有边框",
              },
              {
                id: "radio7",
                value: "radio7",
                label: "Radio API",
              },
              {
                id: "radio8",
                value: "radio8",
                label: "RadioGroup API",
              },
              {
                id: "radio9",
                value: "radio9",
                label: "RadioButton API",
              },
            ],
          },
          {
            id: "rate",
            value: "rate",
            label: "评分",
            children: [
              {
                id: "rate1",
                value: "rate1",
                label: "基础用法",
              },
              {
                id: "rate2",
                value: "rate2",
                label: "尺寸",
              },
              {
                id: "rate3",
                value: "rate3",
                label: "允许半选",
              },
              {
                id: "rate4",
                value: "rate4",
                label: "辅助文字",
              },
              {
                id: "rate5",
                value: "rate5",
                label: "可清空",
              },
              {
                id: "rate6",
                value: "rate6",
                label: "更多种类的图标",
              },
              {
                id: "rate7",
                value: "rate7",
                label: "只读",
              },
              {
                id: "rate8",
                value: "rate8",
                label: "自定义样式",
              },
              {
                id: "rate9",
                value: "rate9",
                label: "API",
              },
            ],
          },
          {
            id: "select",
            value: "select",
            label: "选择器",
            children: [
              {
                id: "select1",
                value: "select1",
                label: "介绍",
              },
              {
                id: "select2",
                value: "select2",
                label: "基础用法",
              },
              {
                id: "select3",
                value: "select3",
                label: "有禁用选项",
              },
              {
                id: "select4",
                value: "select4",
                label: "禁用状态",
              },
              {
                id: "select5",
                value: "select5",
                label: "可清空单选",
              },
              {
                id: "select6",
                value: "select6",
                label: "基础多选",
              },
              {
                id: "select7",
                value: "select7",
                label: "自定义模板",
              },
              {
                id: "select8",
                value: "select8",
                label: "自定义下拉菜单的头部",
              },
              {
                id: "select9",
                value: "select9",
                label: "自定义下拉菜单的底部",
              },
              {
                id: "select10",
                value: "select10",
                label: "将选项进行分组",
              },
              {
                id: "select11",
                value: "select11",
                label: "筛选选项",
              },
              {
                id: "select12",
                value: "select12",
                label: "远程搜索",
              },
              {
                id: "select13",
                value: "select13",
                label: "创建新的选项",
              },
              {
                id: "select14",
                value: "select14",
                label: "使用值键 value-key 属性",
              },
              {
                id: "select15",
                value: "select15",
                label: "自定义标签",
              },
              {
                id: "select16",
                value: "select16",
                label: "自定义加载",
              },
              {
                id: "select17",
                value: "select17",
                label: "空值配置",
              },
              {
                id: "select18",
                value: "select18",
                label: "自定义标签",
              },
              {
                id: "select19",
                value: "select19",
                label: "Select API",
              },
              {
                id: "select20",
                value: "select20",
                label: "Option Group API",
              },
              {
                id: "select21",
                value: "select21",
                label: "Option API",
              },
            ],
          },
          {
            id: "virtualizedSelect",
            value: "virtualizedSelect",
            label: "虚拟化选择器",
            children: [
              {
                id: "virtualizedSelect1",
                value: "virtualizedSelect1",
                label: "背景",
              },
              {
                id: "virtualizedSelect2",
                value: "virtualizedSelect2",
                label: "基础用法",
              },
              {
                id: "virtualizedSelect3",
                value: "virtualizedSelect3",
                label: "多选",
              },
              {
                id: "virtualizedSelect4",
                value: "virtualizedSelect4",
                label: "隐藏多余标签的多选",
              },
              {
                id: "virtualizedSelect5",
                value: "virtualizedSelect5",
                label: "可过滤的多选",
              },
              {
                id: "virtualizedSelect6",
                value: "virtualizedSelect6",
                label: "禁用选择器本身或选项",
              },
              {
                id: "virtualizedSelect7",
                value: "virtualizedSelect7",
                label: "给选项进行分组",
              },
              {
                id: "virtualizedSelect8",
                value: "virtualizedSelect8",
                label: "一键清除",
              },
              {
                id: "virtualizedSelect9",
                value: "virtualizedSelect9",
                label: "自定义选项的渲染模板",
              },
              {
                id: "virtualizedSelect10",
                value: "virtualizedSelect10",
                label: "自定义下拉菜单的头部",
              },
              {
                id: "virtualizedSelect11",
                value: "virtualizedSelect11",
                label: "自定义下拉菜单的底部",
              },
              {
                id: "virtualizedSelect12",
                value: "virtualizedSelect12",
                label: "创建临时选项",
              },
              {
                id: "virtualizedSelect13",
                value: "virtualizedSelect13",
                label: "远程搜索",
              },
              {
                id: "virtualizedSelect14",
                value: "virtualizedSelect14",
                label: "使用 value-key 键属性",
              },
              {
                id: "virtualizedSelect15",
                value: "virtualizedSelect15",
                label: "自定义选项",
              },
              {
                id: "virtualizedSelect16",
                value: "virtualizedSelect16",
                label: "自定义标签",
              },
              {
                id: "virtualizedSelect17",
                value: "virtualizedSelect17",
                label: "自定义加载",
              },
              {
                id: "virtualizedSelect18",
                value: "virtualizedSelect18",
                label: "空值配置",
              },
              {
                id: "virtualizedSelect19",
                value: "virtualizedSelect19",
                label: "自定义标签",
              },
              {
                id: "virtualizedSelect20",
                value: "virtualizedSelect20",
                label: "API",
              },
            ],
          },
          {
            id: "slider",
            value: "slider",
            label: "滑块",
            children: [
              {
                id: "slider1",
                value: "slider1",
                label: "基础用法",
              },
              {
                id: "slider2",
                value: "slider2",
                label: "离散值",
              },
              {
                id: "slider3",
                value: "slider3",
                label: "带有输入框的滑块",
              },
              {
                id: "slider4",
                value: "slider4",
                label: "不同尺寸",
              },
              {
                id: "slider5",
                value: "slider5",
                label: "位置",
              },
              {
                id: "slider6",
                value: "slider6",
                label: "范围选择",
              },
              {
                id: "slider7",
                value: "slider7",
                label: "垂直模式",
              },
              {
                id: "slider8",
                value: "slider8",
                label: "显示标记",
              },
              {
                id: "slider9",
                value: "slider9",
                label: "API",
              },
              {
                id: "slider10",
                value: "slider10",
                label: "类型声明",
              },
            ],
          },
          {
            id: "switch",
            value: "switch",
            label: "开关",
            children: [
              {
                id: "switch1",
                value: "switch1",
                label: "基础用法",
              },
              {
                id: "switch2",
                value: "switch2",
                label: "尺寸",
              },
              {
                id: "switch3",
                value: "switch3",
                label: "文字描述",
              },
              {
                id: "switch4",
                value: "switch4",
                label: "显示自定义图标",
              },
              {
                id: "switch5",
                value: "switch5",
                label: "扩展的 value 类型",
              },
              {
                id: "switch6",
                value: "switch6",
                label: "禁用状态",
              },
              {
                id: "switch7",
                value: "switch7",
                label: "加载状态",
              },
              {
                id: "switch8",
                value: "switch8",
                label: "阻止切换",
              },
              {
                id: "switch9",
                value: "switch9",
                label: "自定义动作图标",
              },
              {
                id: "switch10",
                value: "switch10",
                label: "自定义操作图标",
              },
              {
                id: "switch11",
                value: "switch11",
                label: "API",
              },
            ],
          },
          {
            id: "timeSelect",
            value: "timeSelect",
            label: "时间选择",
            children: [
              {
                id: "timeSelect1",
                value: "timeSelect1",
                label: "固定时间点",
              },
              {
                id: "timeSelect2",
                value: "timeSelect2",
                label: "时间格式",
              },
              {
                id: "timeSelect3",
                value: "timeSelect3",
                label: "固定时间范围",
              },
              {
                id: "timeSelect4",
                value: "timeSelect4",
                label: "API",
              },
            ],
          },
          {
            id: "transfer",
            value: "transfer",
            label: "穿梭框",
            children: [
              {
                id: "transfer1",
                value: "transfer1",
                label: "基础用法",
              },
              {
                id: "transfer2",
                value: "transfer2",
                label: "可搜索过滤",
              },
              {
                id: "transfer3",
                value: "transfer3",
                label: "自定义",
              },
              {
                id: "transfer4",
                value: "transfer4",
                label: "数据项属性别名",
              },
              {
                id: "transfer5",
                value: "transfer5",
                label: "API",
              },
              {
                id: "transfer6",
                value: "transfer6",
                label: "Type Declarations",
              },
            ],
          },
          {
            id: "treeSelect",
            value: "treeSelect",
            label: "树形选择",
            children: [
              {
                id: "treeSelect1",
                value: "treeSelect1",
                label: "基础用法",
              },
              {
                id: "treeSelect2",
                value: "treeSelect2",
                label: "选择任意级别",
              },
              {
                id: "treeSelect3",
                value: "treeSelect3",
                label: "多选",
              },
              {
                id: "treeSelect4",
                value: "treeSelect4",
                label: "禁用选项",
              },
              {
                id: "treeSelect5",
                value: "treeSelect5",
                label: "可筛选",
              },
              {
                id: "treeSelect6",
                value: "treeSelect6",
                label: "自定义内容",
              },
              {
                id: "treeSelect7",
                value: "treeSelect7",
                label: "懒加载",
              },
              {
                id: "treeSelect8",
                value: "treeSelect8",
                label: "API",
              },
              {
                id: "treeSelect9",
                value: "treeSelect9",
                label: "类型声明",
              },
            ],
          },
          {
            id: "upload",
            value: "upload",
            label: "上传",
            children: [
              {
                id: "upload1",
                value: "upload1",
                label: "基础用法",
              },
              {
                id: "upload2",
                value: "upload2",
                label: "覆盖前一个文件",
              },
              {
                id: "upload3",
                value: "upload3",
                label: "用户头像",
              },
              {
                id: "upload4",
                value: "upload4",
                label: "照片墙",
              },
              {
                id: "upload5",
                value: "upload5",
                label: "自定义缩略图",
              },
              {
                id: "upload6",
                value: "upload6",
                label: "图片列表缩略图",
              },
              {
                id: "upload7",
                value: "upload7",
                label: "上传文件列表控制",
              },
              {
                id: "upload8",
                value: "upload8",
                label: "拖拽上传",
              },
              {
                id: "upload9",
                value: "upload9",
                label: "手动上传",
              },
              {
                id: "upload10",
                value: "upload10",
                label: "API",
              },
              {
                id: "upload11",
                value: "upload11",
                label: "类型声明",
              },
            ],
          },
        ],
      },
      {
        id: "Data",
        value: "Data",
        label: "数据展示",
        children: [
          {
            id: "avatar",
            value: "avatar",
            label: "头像",
            children: [
              {
                id: "avatar1",
                value: "avatar1",
                label: "基础用法",
              },
              {
                id: "avatar2",
                value: "avatar2",
                label: "展示类型",
              },
              {
                id: "avatar3",
                value: "avatar3",
                label: "回退行为",
              },
              {
                id: "avatar4",
                value: "avatar4",
                label: "适应容器",
              },
              {
                id: "avatar5",
                value: "avatar5",
                label: "API",
              },
            ],
          },
          {
            id: "badge",
            value: "badge",
            label: "徽章",
            children: [
              {
                id: "badge1",
                value: "badge1",
                label: "基础用法",
              },
              {
                id: "badge2",
                value: "badge2",
                label: "最大值",
              },
              {
                id: "badge3",
                value: "badge3",
                label: "自定义显示内容",
              },
              {
                id: "badge4",
                value: "badge4",
                label: "小红点",
              },
              {
                id: "badge5",
                value: "badge5",
                label: "偏移量",
              },
              {
                id: "badge6",
                value: "badge6",
                label: "API",
              },
            ],
          },
          {
            id: "calendar",
            value: "calendar",
            label: "日历",
            children: [
              {
                id: "calendar1",
                value: "calendar1",
                label: "基础用法",
              },
              {
                id: "calendar2",
                value: "calendar2",
                label: "自定义内容",
              },
              {
                id: "calendar3",
                value: "calendar3",
                label: "范围",
              },
              {
                id: "calendar4",
                value: "calendar4",
                label: "自定义日历头部",
              },
              {
                id: "calendar5",
                value: "calendar5",
                label: "国际化",
              },
              {
                id: "calendar6",
                value: "calendar6",
                label: "API",
              },
            ],
          },
          {
            id: "card",
            value: "card",
            label: "卡片",
            children: [
              {
                id: "card1",
                value: "card1",
                label: "基础用法",
              },
              {
                id: "card2",
                value: "card2",
                label: "简单卡片",
              },
              {
                id: "card3",
                value: "card3",
                label: "有图片内容的卡片",
              },
              {
                id: "card4",
                value: "card4",
                label: "带有阴影效果的卡片",
              },
              {
                id: "card5",
                value: "card5",
                label: "API",
              },
            ],
          },
          {
            id: "carousel",
            value: "carousel",
            label: "走马灯",
            children: [
              {
                id: "carousel1",
                value: "carousel1",
                label: "基础用法",
              },
              {
                id: "carousel2",
                value: "carousel2",
                label: "动态模糊",
              },
              {
                id: "carousel3",
                value: "carousel3",
                label: "指示器",
              },
              {
                id: "carousel4",
                value: "carousel4",
                label: "切换箭头",
              },
              {
                id: "carousel5",
                value: "carousel5",
                label: "自动高度",
              },
              {
                id: "carousel6",
                value: "carousel6",
                label: "卡片模式",
              },
              {
                id: "carousel7",
                value: "carousel7",
                label: "垂直排列",
              },
              {
                id: "carousel8",
                value: "carousel8",
                label: "Carousel API",
              },
              {
                id: "carousel9",
                value: "carousel9",
                label: "Carousel-Item API",
              },
            ],
          },
          {
            id: "collapse",
            value: "collapse",
            label: "折叠面板",
            children: [
              {
                id: "collapse1",
                value: "collapse1",
                label: "基础用法",
              },
              {
                id: "collapse2",
                value: "collapse2",
                label: "手风琴效果",
              },
              {
                id: "collapse3",
                value: "collapse3",
                label: "自定义面板标题",
              },
              {
                id: "collapse4",
                value: "collapse4",
                label: "Collapse API",
              },
              {
                id: "collapse5",
                value: "collapse5",
                label: "Collapse Item API",
              },
            ],
          },
          {
            id: "descriptions",
            value: "descriptions",
            label: "描述列表",
            children: [
              {
                id: "descriptions1",
                value: "descriptions1",
                label: "基础用法",
              },
              {
                id: "descriptions2",
                value: "descriptions2",
                label: "不同尺寸",
              },
              {
                id: "descriptions3",
                value: "descriptions3",
                label: "垂直列表",
              },
              {
                id: "descriptions4",
                value: "descriptions4",
                label: "单元格跨行",
              },
              {
                id: "descriptions5",
                value: "descriptions5",
                label: "自定义样式",
              },
              {
                id: "descriptions6",
                value: "descriptions6",
                label: "Descriptions API",
              },
              {
                id: "descriptions7",
                value: "descriptions7",
                label: "DescriptionsItem API",
              },
            ],
          },
          {
            id: "empty",
            value: "empty",
            label: "空状态",
            children: [
              {
                id: "empty1",
                value: "empty1",
                label: "基础用法",
              },
              {
                id: "empty2",
                value: "empty2",
                label: "自定义图片",
              },
              {
                id: "empty3",
                value: "empty3",
                label: "图片尺寸",
              },
              {
                id: "empty4",
                value: "empty4",
                label: "底部内容",
              },
              {
                id: "empty5",
                value: "empty5",
                label: "自定义样式",
              },
              {
                id: "empty6",
                value: "empty6",
                label: "API",
              },
            ],
          },
          {
            id: "image",
            value: "image",
            label: "图片",
            children: [
              {
                id: "image1",
                value: "image1",
                label: "基础用法",
              },
              {
                id: "image2",
                value: "image2",
                label: "占位内容",
              },
              {
                id: "image3",
                value: "image3",
                label: "加载失败",
              },
              {
                id: "image4",
                value: "image4",
                label: "懒加载",
              },
              {
                id: "image5",
                value: "image5",
                label: "图片预览",
              },
              {
                id: "image6",
                value: "image6",
                label: "Image API",
              },
              {
                id: "image7",
                value: "image7",
                label: "Image Viewer API",
              },
            ],
          },
          {
            id: "infiniteScroll",
            value: "infiniteScroll",
            label: "无限滚动",
            children: [
              {
                id: "infiniteScroll1",
                value: "infiniteScroll1",
                label: "基础用法",
              },
              {
                id: "infiniteScroll2",
                value: "infiniteScroll2",
                label: "禁用加载",
              },
              {
                id: "infiniteScroll3",
                value: "infiniteScroll3",
                label: "指令",
              },
            ],
          },
          {
            id: "pagination",
            value: "pagination",
            label: "分页",
            children: [
              {
                id: "pagination1",
                value: "pagination1",
                label: "基础用法",
              },
              {
                id: "pagination2",
                value: "pagination2",
                label: "设置最大页码按钮数",
              },
              {
                id: "pagination3",
                value: "pagination3",
                label: "带有背景色的分页",
              },
              {
                id: "pagination4",
                value: "pagination4",
                label: "小型分页",
              },
              {
                id: "pagination5",
                value: "pagination5",
                label: "当只有一页时隐藏分页",
              },
              {
                id: "pagination6",
                value: "pagination6",
                label: "附加功能",
              },
              {
                id: "pagination7",
                value: "pagination7",
                label: "API",
              },
            ],
          },
          {
            id: "progress",
            value: "progress",
            label: "进度条",
            children: [
              {
                id: "progress1",
                value: "progress1",
                label: "直线进度条",
              },
              {
                id: "progress2",
                value: "progress2",
                label: "进度条内显示百分比标识",
              },
              {
                id: "progress3",
                value: "progress3",
                label: "自定义进度条的颜色",
              },
              {
                id: "progress4",
                value: "progress4",
                label: "环形进度条",
              },
              {
                id: "progress5",
                value: "progress5",
                label: "仪表盘形进度条",
              },
              {
                id: "progress6",
                value: "progress6",
                label: "自定义内容",
              },
              {
                id: "progress7",
                value: "progress7",
                label: "动画进度条",
              },
              {
                id: "progress8",
                value: "progress8",
                label: "条纹进度条",
              },
              {
                id: "progress9",
                value: "progress9",
                label: "API",
              },
            ],
          },
          {
            id: "result",
            value: "result",
            label: "结果",
            children: [
              {
                id: "result1",
                value: "result1",
                label: "基础用法",
              },
              {
                id: "result2",
                value: "result2",
                label: "自定义内容",
              },
              {
                id: "result3",
                value: "result3",
                label: "API",
              },
            ],
          },
          {
            id: "skeleton",
            value: "skeleton",
            label: "骨架屏",
            children: [
              {
                id: "skeleton1",
                value: "skeleton1",
                label: "基础用法",
              },
              {
                id: "skeleton2",
                value: "skeleton2",
                label: "更多参数",
              },
              {
                id: "skeleton3",
                value: "skeleton3",
                label: "动画效果",
              },
              {
                id: "skeleton4",
                value: "skeleton4",
                label: "自定义样式",
              },
              {
                id: "skeleton5",
                value: "skeleton5",
                label: "加载状态",
              },
              {
                id: "skeleton6",
                value: "skeleton6",
                label: "渲染多条数据",
              },
              {
                id: "skeleton7",
                value: "skeleton7",
                label: "防止渲染抖动",
              },
              {
                id: "skeleton8",
                value: "skeleton8",
                label: "Skeleton API",
              },
              {
                id: "skeleton9",
                value: "skeleton9",
                label: "SkeletonItem API",
              },
            ],
          },
          {
            id: "table",
            value: "table",
            label: "表格",
            children: [
              {
                id: "table1",
                value: "table1",
                label: "基础表格",
              },
              {
                id: "table2",
                value: "table2",
                label: "带斑马纹表格",
              },
              {
                id: "table3",
                value: "table3",
                label: "带边框表格",
              },
              {
                id: "table4",
                value: "table4",
                label: "带状态表格",
              },
              {
                id: "table5",
                value: "table5",
                label: "显示溢出工具提示的表格",
              },
              {
                id: "table6",
                value: "table6",
                label: "固定表头",
              },
              {
                id: "table7",
                value: "table7",
                label: "固定列",
              },
              {
                id: "table8",
                value: "table8",
                label: "固定列和表头",
              },
              {
                id: "table9",
                value: "table9",
                label: "流体高度",
              },
              {
                id: "table10",
                value: "table10",
                label: "多级表头",
              },
              {
                id: "table11",
                value: "table11",
                label: "固定表头",
              },
              {
                id: "table12",
                value: "table12",
                label: "单选",
              },
              {
                id: "table13",
                value: "table13",
                label: "多选",
              },
              {
                id: "table14",
                value: "table14",
                label: "排序",
              },
              {
                id: "table15",
                value: "table15",
                label: "筛选",
              },
              {
                id: "table16",
                value: "table16",
                label: "自定义列模板",
              },
              {
                id: "table17",
                value: "table17",
                label: "自定义表头",
              },
              {
                id: "table18",
                value: "table18",
                label: "展开行",
              },
              {
                id: "table19",
                value: "table19",
                label: "树形数据与懒加载",
              },
              {
                id: "table20",
                value: "table20",
                label: "可选择的树形数据",
              },
              {
                id: "table21",
                value: "table21",
                label: "表尾合计行",
              },
              {
                id: "table22",
                value: "table22",
                label: "合并行或列",
              },
              {
                id: "table23",
                value: "table23",
                label: "自定义索引",
              },
              {
                id: "table24",
                value: "table24",
                label: "表格布局",
              },
              {
                id: "table25",
                value: "table25",
                label: "Table API",
              },
              {
                id: "table26",
                value: "table26",
                label: "Table-column API",
              },
              {
                id: "table27",
                value: "table27",
                label: "Type Declarations",
              },
            ],
          },
          {
            id: "virtualizedTable",
            value: "virtualizedTable",
            label: "虚拟化表格",
            children: [
              {
                id: "virtualizedTable1",
                value: "virtualizedTable1",
                label: "介绍",
              },
              {
                id: "virtualizedTable2",
                value: "virtualizedTable2",
                label: "基础用法",
              },
              {
                id: "virtualizedTable3",
                value: "virtualizedTable3",
                label: "自动调整大小",
              },
              {
                id: "virtualizedTable4",
                value: "virtualizedTable4",
                label: "自定义单元格渲染器",
              },
              {
                id: "virtualizedTable5",
                value: "virtualizedTable5",
                label: "带有选择的表格",
              },
              {
                id: "virtualizedTable6",
                value: "virtualizedTable6",
                label: "可编辑单元格",
              },
              {
                id: "virtualizedTable7",
                value: "virtualizedTable7",
                label: "带状态的表格",
              },
              {
                id: "virtualizedTable8",
                value: "virtualizedTable8",
                label: "表格行的粘性布局",
              },
              {
                id: "virtualizedTable9",
                value: "virtualizedTable9",
                label: "固定列表格",
              },
              {
                id: "virtualizedTable10",
                value: "virtualizedTable10",
                label: "表头分组",
              },
              {
                id: "virtualizedTable11",
                value: "virtualizedTable11",
                label: "过滤器",
              },
              {
                id: "virtualizedTable12",
                value: "virtualizedTable12",
                label: "可排序表格",
              },
              {
                id: "virtualizedTable13",
                value: "virtualizedTable13",
                label: "受控的排序",
              },
              {
                id: "virtualizedTable14",
                value: "virtualizedTable14",
                label: "高亮显示鼠标悬停单元格",
              },
              {
                id: "virtualizedTable15",
                value: "virtualizedTable15",
                label: "横跨列",
              },
              {
                id: "virtualizedTable16",
                value: "virtualizedTable16",
                label: "纵跨行",
              },
              {
                id: "virtualizedTable17",
                value: "virtualizedTable17",
                label: "同时跨行和跨列",
              },
              {
                id: "virtualizedTable18",
                value: "virtualizedTable18",
                label: "树形数据",
              },
              {
                id: "virtualizedTable19",
                value: "virtualizedTable19",
                label: "动态高度行",
              },
              {
                id: "virtualizedTable20",
                value: "virtualizedTable20",
                label: "可展开的附加信息",
              },
              {
                id: "virtualizedTable21",
                value: "virtualizedTable21",
                label: "自定义页脚",
              },
              {
                id: "virtualizedTable22",
                value: "virtualizedTable22",
                label: "自定义空元素渲染器",
              },
              {
                id: "virtualizedTable23",
                value: "virtualizedTable23",
                label: "浮动遮罩层",
              },
              {
                id: "virtualizedTable24",
                value: "virtualizedTable24",
                label: "手动滚动",
              },
              {
                id: "virtualizedTable25",
                value: "virtualizedTable25",
                label: "TableV2 属性",
              },
              {
                id: "virtualizedTable26",
                value: "virtualizedTable26",
                label: "TableV2 插槽",
              },
              {
                id: "virtualizedTable27",
                value: "virtualizedTable27",
                label: "TableV2 事件",
              },
              {
                id: "virtualizedTable28",
                value: "virtualizedTable28",
                label: "TableV2 方法",
              },
              {
                id: "virtualizedTable29",
                value: "virtualizedTable29",
                label: "Column 属性",
              },
              {
                id: "virtualizedTable30",
                value: "virtualizedTable30",
                label: "Typings",
              },
            ],
          },
          {
            id: "tag",
            value: "tag",
            label: "标签",
            children: [
              {
                id: "tag1",
                value: "tag1",
                label: "基础用法",
              },
              {
                id: "tag2",
                value: "tag2",
                label: "可移除标签",
              },
              {
                id: "tag3",
                value: "tag3",
                label: "动态编辑标签",
              },
              {
                id: "tag4",
                value: "tag4",
                label: "不同尺寸",
              },
              {
                id: "tag5",
                value: "tag5",
                label: "主题",
              },
              {
                id: "tag6",
                value: "tag6",
                label: "圆形标签",
              },
              {
                id: "tag7",
                value: "tag7",
                label: "可选中的标签",
              },
              {
                id: "tag8",
                value: "tag8",
                label: "Tag API",
              },
              {
                id: "tag9",
                value: "tag9",
                label: "CheckTag API",
              },
            ],
          },
          {
            id: "timeline",
            value: "timeline",
            label: "时间线",
            children: [
              {
                id: "timeline1",
                value: "timeline1",
                label: "基础用法",
              },
              {
                id: "timeline2",
                value: "timeline2",
                label: "⾃定义节点样式",
              },
              {
                id: "timeline3",
                value: "timeline3",
                label: "⾃定义时间戳",
              },
              {
                id: "timeline4",
                value: "timeline4",
                label: "垂直居中",
              },
              {
                id: "timeline5",
                value: "timeline5",
                label: "Timeline API",
              },
              {
                id: "timeline6",
                value: "timeline6",
                label: "Timeline-Item API",
              },
            ],
          },
          {
            id: "tour",
            value: "tour",
            label: "漫游式引导",
            children: [
              {
                id: "tour1",
                value: "tour1",
                label: "基础用法",
              },
              {
                id: "tour2",
                value: "tour2",
                label: "非模态",
              },
              {
                id: "tour3",
                value: "tour3",
                label: "位置",
              },
              {
                id: "tour4",
                value: "tour4",
                label: "自定义遮罩样式",
              },
              {
                id: "tour5",
                value: "tour5",
                label: "自定义指示器",
              },
              {
                id: "tour6",
                value: "tour6",
                label: "目标",
              },
              {
                id: "tour7",
                value: "tour7",
                label: "Tour API",
              },
            ],
          },
          {
            id: "tree",
            value: "tree",
            label: "树形控件",
            children: [
              {
                id: "tree1",
                value: "tree1",
                label: "基础用法",
              },
              {
                id: "tree2",
                value: "tree2",
                label: "可选择",
              },
              {
                id: "tree3",
                value: "tree3",
                label: "懒加载自定义叶子节点",
              },
              {
                id: "tree4",
                value: "tree4",
                label: "多次懒加载",
              },
              {
                id: "tree5",
                value: "tree5",
                label: "禁用复选框",
              },
              {
                id: "tree6",
                value: "tree6",
                label: "默认展开以及默认选中",
              },
              {
                id: "tree7",
                value: "tree7",
                label: "树节点的选择",
              },
              {
                id: "tree8",
                value: "tree8",
                label: "自定义节点内容",
              },
              {
                id: "tree9",
                value: "tree9",
                label: "自定义节点类名",
              },
              {
                id: "tree10",
                value: "tree10",
                label: "树节点过滤",
              },
              {
                id: "tree11",
                value: "tree11",
                label: "手风琴模式",
              },
              {
                id: "tree12",
                value: "tree12",
                label: "可拖拽节点",
              },
              {
                id: "tree13",
                value: "tree13",
                label: "属性",
              },
              {
                id: "tree14",
                value: "tree14",
                label: "Props",
              },
              {
                id: "tree15",
                value: "tree15",
                label: "方法",
              },
              {
                id: "tree16",
                value: "tree16",
                label: "事件",
              },
              {
                id: "tree17",
                value: "tree17",
                label: "插槽",
              },
            ],
          },
          {
            id: "statistic",
            value: "statistic",
            label: "统计组件",
            children: [
              {
                id: "statistic1",
                value: "statistic1",
                label: "基础用法",
              },
              {
                id: "statistic2",
                value: "statistic2",
                label: "倒计时",
              },
              {
                id: "statistic3",
                value: "statistic3",
                label: "统计卡片",
              },
              {
                id: "statistic4",
                value: "statistic4",
                label: "Statistic API",
              },
              {
                id: "statistic5",
                value: "statistic5",
                label: "Countdown API",
              },
            ],
          },
          {
            id: "segmented",
            value: "segmented",
            label: "分段控制器",
            children: [
              {
                id: "segmented1",
                value: "segmented1",
                label: "基础用法",
              },
              {
                id: "segmented2",
                value: "segmented2",
                label: "禁用状态",
              },
              {
                id: "segmented3",
                value: "segmented3",
                label: "Block 分段选择器",
              },
              {
                id: "segmented4",
                value: "segmented4",
                label: "自定义内容",
              },
              {
                id: "segmented5",
                value: "segmented5",
                label: "自定义样式",
              },
              {
                id: "segmented6",
                value: "segmented6",
                label: "API",
              },
              {
                id: "segmented7",
                value: "segmented7",
                label: "类型声明",
              },
            ],
          },
          {
            id: "treeV2",
            value: "treeV2",
            label: "虚拟化树形控件",
            children: [
              {
                id: "treeV21",
                value: "treeV21",
                label: "基础用法",
              },
              {
                id: "treeV22",
                value: "treeV22",
                label: "可选择的虚拟树",
              },
              {
                id: "treeV23",
                value: "treeV23",
                label: "禁用复选框",
              },
              {
                id: "treeV24",
                value: "treeV24",
                label: "默认扩展和默认检查",
              },
              {
                id: "treeV25",
                value: "treeV25",
                label: "自定义节点内容",
              },
              {
                id: "treeV26",
                value: "treeV26",
                label: "节点过滤",
              },
              {
                id: "treeV27",
                value: "treeV27",
                label: "TreeV2 属性",
              },
              {
                id: "treeV28",
                value: "treeV28",
                label: "props",
              },
              {
                id: "treeV29",
                value: "treeV29",
                label: "TreeV2 方法",
              },
              {
                id: "treeV210",
                value: "treeV210",
                label: "TreeV2 事件",
              },
              {
                id: "treeV211",
                value: "treeV211",
                label: "TreeV2 插槽",
              },
            ],
          },
        ],
      },
      {
        id: "Navigation",
        value: "Navigation",
        label: "导航",
        children: [
          {
            id: "affix",
            value: "affix",
            label: "固钉",
            children: [
              {
                id: "affix1",
                value: "affix1",
                label: "基础用法",
              },
              {
                id: "affix2",
                value: "affix2",
                label: "指定容器",
              },
              {
                id: "affix3",
                value: "affix3",
                label: "固定位置",
              },
              {
                id: "affix4",
                value: "affix4",
                label: "API",
              },
            ],
          },
          {
            id: "anchor",
            value: "anchor",
            label: "锚点",
            children: [
              {
                id: "anchor1",
                value: "anchor1",
                label: "基础用法",
              },
              {
                id: "anchor2",
                value: "anchor2",
                label: "水平模式",
              },
              {
                id: "anchor3",
                value: "anchor3",
                label: "滚动的容器",
              },
              {
                id: "anchor4",
                value: "anchor4",
                label: "锚点链接变化",
              },
              {
                id: "anchor5",
                value: "anchor5",
                label: "下划线类型",
              },
              {
                id: "anchor6",
                value: "anchor6",
                label: "固定模式",
              },
              {
                id: "anchor7",
                value: "anchor7",
                label: "Anchor API",
              },
            ],
          },
          {
            id: "backtop",
            value: "backtop",
            label: "回到顶部",
            children: [
              {
                id: "backtop1",
                value: "backtop1",
                label: "基础用法",
              },
              {
                id: "backtop2",
                value: "backtop2",
                label: "自定义内容",
              },
              {
                id: "backtop3",
                value: "backtop3",
                label: "API",
              },
            ],
          },
          {
            id: "breadcrumb",
            value: "breadcrumb",
            label: "面包屑",
            children: [
              {
                id: "breadcrumb1",
                value: "breadcrumb1",
                label: "基础用法",
              },
              {
                id: "breadcrumb2",
                value: "breadcrumb2",
                label: "图标分隔符",
              },
              {
                id: "breadcrumb3",
                value: "breadcrumb3",
                label: "Breadcrumb API",
              },
              {
                id: "breadcrumb4",
                value: "breadcrumb4",
                label: "BreadcrumbItem API",
              },
            ],
          },
          {
            id: "dropdown",
            value: "dropdown",
            label: "下拉菜单",
            children: [
              {
                id: "dropdown1",
                value: "dropdown1",
                label: "基础用法",
              },
              {
                id: "dropdown2",
                value: "dropdown2",
                label: "位置",
              },
              {
                id: "dropdown3",
                value: "dropdown3",
                label: "触发对象",
              },
              {
                id: "dropdown4",
                value: "dropdown4",
                label: "触发方式",
              },
              {
                id: "dropdown5",
                value: "dropdown5",
                label: "菜单隐藏方式",
              },
              {
                id: "dropdown6",
                value: "dropdown6",
                label: "指令事件",
              },
              {
                id: "dropdown7",
                value: "dropdown7",
                label: "下拉方法",
              },
              {
                id: "dropdown8",
                value: "dropdown8",
                label: "尺寸",
              },
              {
                id: "dropdown9",
                value: "dropdown9",
                label: "Dropdown API",
              },
              {
                id: "dropdown10",
                value: "dropdown10",
                label: "Dropdown-Menu API",
              },
              {
                id: "dropdown11",
                value: "dropdown11",
                label: "Dropdown-Item API",
              },
            ],
          },
          {
            id: "menu",
            value: "menu",
            label: "菜单",
            children: [
              {
                id: "menu1",
                value: "menu1",
                label: "顶栏",
              },
              {
                id: "menu2",
                value: "menu2",
                label: "左右",
              },
              {
                id: "menu3",
                value: "menu3",
                label: "侧栏",
              },
              {
                id: "menu4",
                value: "menu4",
                label: "Collapse 折叠面板",
              },
              {
                id: "menu5",
                value: "menu5",
                label: "弹出层偏移量",
              },
              {
                id: "menu6",
                value: "menu6",
                label: "菜单 API",
              },
              {
                id: "menu7",
                value: "menu7",
                label: "SubMenu API",
              },
              {
                id: "menu8",
                value: "menu8",
                label: "Menu-Item API",
              },
              {
                id: "menu9",
                value: "menu9",
                label: "Menu-Item-Group API",
              },
              {
                id: "menu10",
                value: "menu10",
                label: "类型声明",
              },
            ],
          },
          {
            id: "pageHeader",
            value: "pageHeader",
            label: "页头",
            children: [
              {
                id: "pageHeader1",
                value: "pageHeader1",
                label: "完整示例",
              },
              {
                id: "pageHeader2",
                value: "pageHeader2",
                label: "基础用法",
              },
              {
                id: "pageHeader3",
                value: "pageHeader3",
                label: "自定义图标",
              },
              {
                id: "pageHeader4",
                value: "pageHeader4",
                label: "无图标",
              },
              {
                id: "pageHeader5",
                value: "pageHeader5",
                label: "面包屑导航",
              },
              {
                id: "pageHeader6",
                value: "pageHeader6",
                label: "额外操作部分",
              },
              {
                id: "pageHeader7",
                value: "pageHeader7",
                label: "主要内容",
              },
              {
                id: "pageHeader8",
                value: "pageHeader8",
                label: "组件插槽结构",
              },
              {
                id: "pageHeader9",
                value: "pageHeader9",
                label: "API",
              },
            ],
          },
          {
            id: "steps",
            value: "steps",
            label: "步骤条",
            children: [
              {
                id: "steps1",
                value: "steps1",
                label: "基础用法",
              },
              {
                id: "steps2",
                value: "steps2",
                label: "含状态的步骤条",
              },
              {
                id: "steps3",
                value: "steps3",
                label: "居中的步骤条",
              },
              {
                id: "steps4",
                value: "steps4",
                label: "带描述的步骤栏",
              },
              {
                id: "steps5",
                value: "steps5",
                label: "带图标的步骤条",
              },
              {
                id: "steps6",
                value: "steps6",
                label: "垂直的步骤条",
              },
              {
                id: "steps7",
                value: "steps7",
                label: "简洁风格的步骤条",
              },
              {
                id: "steps8",
                value: "steps8",
                label: "Steps API",
              },
              {
                id: "steps9",
                value: "steps9",
                label: "Step API",
              },
            ],
          },
          {
            id: "tabs",
            value: "tabs",
            label: "标签页",
            children: [
              {
                id: "tabs1",
                value: "tabs1",
                label: "基础用法",
              },
              {
                id: "tabs2",
                value: "tabs2",
                label: "卡片风格的标签",
              },
              {
                id: "tabs3",
                value: "tabs3",
                label: "带有边框的卡片风格",
              },
              {
                id: "tabs4",
                value: "tabs4",
                label: "标签位置的设置",
              },
              {
                id: "tabs5",
                value: "tabs5",
                label: "自定义标签页的内容",
              },
              {
                id: "tabs6",
                value: "tabs6",
                label: "动态增减标签页",
              },
              {
                id: "tabs7",
                value: "tabs7",
                label: "添加按钮自定义图标",
              },
              {
                id: "tabs8",
                value: "tabs8",
                label: "增加标签页触发器自定义",
              },
              {
                id: "tabs9",
                value: "tabs9",
                label: "Tabs API",
              },
              {
                id: "tabs10",
                value: "tabs10",
                label: "Tab-pane API",
              },
            ],
          },
        ],
      },
      {
        id: "Feedback",
        value: "Feedback",
        label: "反馈组件",
        children: [
          {
            id: "alert",
            value: "alert",
            label: "提示",
            children: [
              {
                id: "alert1",
                value: "alert1",
                label: "基础用法",
              },
              {
                id: "alert2",
                value: "alert2",
                label: "主题",
              },
              {
                id: "alert3",
                value: "alert3",
                label: "自定义关闭按钮",
              },
              {
                id: "alert4",
                value: "alert4",
                label: "使用图标",
              },
              {
                id: "alert5",
                value: "alert5",
                label: "文字居中",
              },
              {
                id: "alert6",
                value: "alert6",
                label: "文字描述",
              },
              {
                id: "alert7",
                value: "alert7",
                label: "带图标和描述",
              },
              {
                id: "alert8",
                value: "alert8",
                label: "Alert API",
              },
            ],
          },
          {
            id: "dialog",
            value: "dialog",
            label: "对话框",
            children: [
              {
                id: "dialog1",
                value: "dialog1",
                label: "基础用法",
              },
              {
                id: "dialog2",
                value: "dialog2",
                label: "自定义内容",
              },
              {
                id: "dialog3",
                value: "dialog3",
                label: "自定义头部",
              },
              {
                id: "dialog4",
                value: "dialog4",
                label: "嵌套的对话框",
              },
              {
                id: "dialog5",
                value: "dialog5",
                label: "内容居中",
              },
              {
                id: "dialog6",
                value: "dialog6",
                label: "居中对话框",
              },
              {
                id: "dialog7",
                value: "dialog7",
                label: "关闭时销毁",
              },
              {
                id: "dialog8",
                value: "dialog8",
                label: "可拖拽对话框",
              },
              {
                id: "dialog9",
                value: "dialog9",
                label: "API",
              },
              {
                id: "dialog10",
                value: "dialog10",
                label: "FAQ",
              },
            ],
          },
          {
            id: "drawer",
            value: "drawer",
            label: "抽屉",
            children: [
              {
                id: "drawer1",
                value: "drawer1",
                label: "基础用法",
              },
              {
                id: "drawer2",
                value: "drawer2",
                label: "不添加 Title",
              },
              {
                id: "drawer3",
                value: "drawer3",
                label: "自定义内容",
              },
              {
                id: "drawer4",
                value: "drawer4",
                label: "自定义头部",
              },
              {
                id: "drawer5",
                value: "drawer5",
                label: "嵌套抽屉",
              },
              {
                id: "drawer6",
                value: "drawer6",
                label: "API",
              },
            ],
          },
          {
            id: "loading",
            value: "loading",
            label: "加载",
            children: [
              {
                id: "loading1",
                value: "loading1",
                label: "区域加载",
              },
              {
                id: "loading2",
                value: "loading2",
                label: "自定义加载中组件内容",
              },
              {
                id: "loading3",
                value: "loading3",
                label: "让加载组件铺满整个屏幕",
              },
              {
                id: "loading4",
                value: "loading4",
                label: "以服务的方式来调用",
              },
              {
                id: "loading5",
                value: "loading5",
                label: "API",
              },
            ],
          },
          {
            id: "message",
            value: "message",
            label: "消息提示",
            children: [
              {
                id: "message1",
                value: "message1",
                label: "基础用法",
              },
              {
                id: "message2",
                value: "message2",
                label: "不同状态",
              },
              {
                id: "message3",
                value: "message3",
                label: "Plain",
              },
              {
                id: "message4",
                value: "message4",
                label: "可关闭的消息提示",
              },
              {
                id: "message5",
                value: "message5",
                label: "文字居中",
              },
              {
                id: "message6",
                value: "message6",
                label: "使用 HTML 片段作为正文内容",
              },
              {
                id: "message7",
                value: "message7",
                label: "分组消息合并",
              },
              {
                id: "message8",
                value: "message8",
                label: "全局方法",
              },
              {
                id: "message9",
                value: "message9",
                label: "单独引用",
              },
              {
                id: "message10",
                value: "message10",
                label: "应用程序上下文继承",
              },
              {
                id: "message11",
                value: "message11",
                label: "API",
              },
            ],
          },
          {
            id: "messageBox",
            value: "messageBox",
            label: "消息弹框",
            children: [
              {
                id: "messageBox1",
                value: "messageBox1",
                label: "介绍",
              },
              {
                id: "messageBox2",
                value: "messageBox2",
                label: "消息提示",
              },
              {
                id: "messageBox3",
                value: "messageBox3",
                label: "确认消息",
              },
              {
                id: "messageBox4",
                value: "messageBox4",
                label: "提交内容",
              },
              {
                id: "messageBox5",
                value: "messageBox5",
                label: "使用 VNode",
              },
              {
                id: "messageBox6",
                value: "messageBox6",
                label: "个性化",
              },
              {
                id: "messageBox7",
                value: "messageBox7",
                label: "使用 HTML 片段",
              },
              {
                id: "messageBox8",
                value: "messageBox8",
                label: "区分取消操作与关闭操作",
              },
              {
                id: "messageBox9",
                value: "messageBox9",
                label: "内容居中",
              },
              {
                id: "messageBox10",
                value: "messageBox10",
                label: "自定义图标",
              },
              {
                id: "messageBox11",
                value: "messageBox11",
                label: "可拖放",
              },
              {
                id: "messageBox12",
                value: "messageBox12",
                label: "全局方法",
              },
              {
                id: "messageBox13",
                value: "messageBox13",
                label: "应用程序上下文继承",
              },
              {
                id: "messageBox14",
                value: "messageBox14",
                label: "按需引入",
              },
              {
                id: "messageBox15",
                value: "messageBox15",
                label: "API",
              },
            ],
          },
          {
            id: "notification",
            value: "notification",
            label: "通知",
            children: [
              {
                id: "notification1",
                value: "notification1",
                label: "基础用法",
              },
              {
                id: "notification2",
                value: "notification2",
                label: "不同类型的通知",
              },
              {
                id: "notification3",
                value: "notification3",
                label: "自定义消息弹出的位置",
              },
              {
                id: "notification4",
                value: "notification4",
                label: "有位置偏移的通知栏",
              },
              {
                id: "notification5",
                value: "notification5",
                label: "使用 HTML 片段作为正文内容",
              },
              {
                id: "notification6",
                value: "notification6",
                label: "隐藏关闭按钮",
              },
              {
                id: "notification7",
                value: "notification7",
                label: "全局方法",
              },
              {
                id: "notification8",
                value: "notification8",
                label: "单独引用",
              },
              {
                id: "notification9",
                value: "notification9",
                label: "应用程序上下文继承",
              },
              {
                id: "notification10",
                value: "notification10",
                label: "API",
              },
            ],
          },
          {
            id: "popconfirm",
            value: "popconfirm",
            label: "气泡确认框",
            children: [
              {
                id: "popconfirm1",
                value: "popconfirm1",
                label: "基础用法",
              },
              {
                id: "popconfirm2",
                value: "popconfirm2",
                label: "自定义弹出框的内容",
              },
              {
                id: "popconfirm3",
                value: "popconfirm3",
                label: "多种让 Popconfirm 出现的方法",
              },
              {
                id: "popconfirm4",
                value: "popconfirm4",
                label: "API",
              },
            ],
          },
          {
            id: "popover",
            value: "popover",
            label: "气泡卡片",
            children: [
              {
                id: "popover1",
                value: "popover1",
                label: "基础用法",
              },
              {
                id: "popover2",
                value: "popover2",
                label: "虚拟触发",
              },
              {
                id: "popover3",
                value: "popover3",
                label: "内容可扩展",
              },
              {
                id: "popover4",
                value: "popover4",
                label: "嵌套操作",
              },
              {
                id: "popover5",
                value: "popover5",
                label: "指令",
              },
              {
                id: "popover6",
                value: "popover6",
                label: "API",
              },
            ],
          },
          {
            id: "tooltip",
            value: "tooltip",
            label: "文字提示",
            children: [
              {
                id: "tooltip1",
                value: "tooltip1",
                label: "基础用法",
              },
              {
                id: "tooltip2",
                value: "tooltip2",
                label: "主题",
              },
              {
                id: "tooltip3",
                value: "tooltip3",
                label: "更多内容的文字提示",
              },
              {
                id: "tooltip4",
                value: "tooltip4",
                label: "高级扩展",
              },
              {
                id: "tooltip5",
                value: "tooltip5",
                label: "显示 HTML 内容",
              },
              {
                id: "tooltip6",
                value: "tooltip6",
                label: "虚拟触发",
              },
              {
                id: "tooltip7",
                value: "tooltip7",
                label: "单例模式",
              },
              {
                id: "tooltip8",
                value: "tooltip8",
                label: "受控模式",
              },
              {
                id: "tooltip9",
                value: "tooltip9",
                label: "自定义动画",
              },
              {
                id: "tooltip10",
                value: "tooltip10",
                label: "API",
              },
            ],
          },
        ],
      },
      {
        id: "Others",
        value: "Others",
        label: "其他",
        children: [
          {
            id: "divider",
            value: "divider",
            label: "分割线",
            children: [
              {
                id: "divider1",
                value: "divider1",
                label: "基础用法",
              },
              {
                id: "divider2",
                value: "divider2",
                label: "设置文案",
              },
              {
                id: "divider3",
                value: "divider3",
                label: "虚线",
              },
              {
                id: "divider4",
                value: "divider4",
                label: "垂直分隔线",
              },
              {
                id: "divider5",
                value: "divider5",
                label: "API",
              },
            ],
          },
          {
            id: "watermark",
            value: "watermark",
            label: "水印",
            children: [
              {
                id: "watermark1",
                value: "watermark1",
                label: "基础用法",
              },
              {
                id: "watermark2",
                value: "watermark2",
                label: "多行水印",
              },
              {
                id: "watermark3",
                value: "watermark3",
                label: "图片水印",
              },
              {
                id: "watermark4",
                value: "watermark4",
                label: "自定义配置",
              },
              {
                id: "watermark5",
                value: "watermark5",
                label: "API",
              },
            ],
          },
        ],
      },
    ],
  },
  {
    id: "antvX6",
    value: "antvX6",
    label: "antvX6-1.x-组件",
    children: [
      {
        id: "antvX6FirstEditionFastStart",
        value: "antvX6FirstEditionFastStart",
        label: "快速上手",
        children: [
          {
            id: "antvX6FirstEditionFastStart1",
            value: "antvX6FirstEditionFastStart1",
            label: "开始使用",
          },
          {
            id: "antvX6FirstEditionFastStart2",
            value: "antvX6FirstEditionFastStart2",
            label: "画布-背景和网格",
          },
          {
            id: "antvX6FirstEditionFastStart3",
            value: "antvX6FirstEditionFastStart3",
            label: "画-缩放和平移",
          },
          {
            id: "antvX6FirstEditionFastStart4",
            value: "antvX6FirstEditionFastStart4",
            label: "节点-使用图形",
          },
          {
            id: "antvX6FirstEditionFastStart5",
            value: "antvX6FirstEditionFastStart5",
            label: "节点-定制样式",
          },
          {
            id: "antvX6FirstEditionFastStart6",
            value: "antvX6FirstEditionFastStart6",
            label: "边-使用图形",
          },
          {
            id: "antvX6FirstEditionFastStart7",
            value: "antvX6FirstEditionFastStart7",
            label: "边-定制样式",
          },
        ],
      },
      {
        id: "antvX6FirstEditionBasic",
        value: "antvX6FirstEditionBasic",
        label: "基础教程",
        children: [
          {
            id: "antvX6FirstEditionGragh",
            value: "antvX6FirstEditionGragh",
            label: "画布",
            children: [
              {
                id: "antvX6FirstEditionGragh1",
                value: "antvX6FirstEditionGragh1",
                label: "画布平移",
              },
              {
                id: "antvX6FirstEditionGragh2",
                value: "antvX6FirstEditionGragh2",
                label: "画布缩放",
              },
              {
                id: "antvX6FirstEditionGragh3",
                value: "antvX6FirstEditionGragh3",
                label: "内容居中",
              },
              {
                id: "antvX6FirstEditionGragh4",
                value: "antvX6FirstEditionGragh4",
                label: "导出 SVG",
              },
              {
                id: "antvX6FirstEditionGragh5",
                value: "antvX6FirstEditionGragh5",
                label: "导出 PNG/JPEG",
              },
              {
                id: "antvX6FirstEditionGragh6",
                value: "antvX6FirstEditionGragh6",
                label: "销毁画布",
              },
            ],
          },
          {
            id: "antvX6FirstEditionCell",
            value: "antvX6FirstEditionCell",
            label: "基类",
            children: [
              {
                id: "antvX6FirstEditionCell1",
                value: "antvX6FirstEditionCell1",
                label: "创建节点/边",
              },
            ],
          },
          {
            id: "antvX6FirstEditionNode",
            value: "antvX6FirstEditionNode",
            label: "节点",
            children: [
              {
                id: "antvX6FirstEditionNode1",
                value: "antvX6FirstEditionNode1",
                label: "构造函数创建节点",
              },
              {
                id: "antvX6FirstEditionNode2",
                value: "antvX6FirstEditionNode2",
                label: "addNode创建节点",
              },
              {
                id: "antvX6FirstEditionNode3",
                value: "antvX6FirstEditionNode3",
                label: "定制样式 Attrs",
              },
            ],
          },
          {
            id: "antvX6FirstEditionEdge",
            value: "antvX6FirstEditionEdge",
            label: "边",
            children: [
              {
                id: "antvX6FirstEditionEdge1",
                value: "antvX6FirstEditionEdge1",
                label: "构造函数创建边",
              },
              {
                id: "antvX6FirstEditionEdge2",
                value: "antvX6FirstEditionEdge2",
                label: "addEdge创建边",
              },
              {
                id: "antvX6FirstEditionEdge3",
                value: "antvX6FirstEditionEdge3",
                label: "source/target",
              },
              {
                id: "antvX6FirstEditionEdge4",
                value: "antvX6FirstEditionEdge4",
                label: "vertices",
              },
              {
                id: "antvX6FirstEditionEdge5",
                value: "antvX6FirstEditionEdge5",
                label: "router",
              },
              {
                id: "antvX6FirstEditionEdge6",
                value: "antvX6FirstEditionEdge6",
                label: "connector",
              },
              {
                id: "antvX6FirstEditionEdge7",
                value: "antvX6FirstEditionEdge7",
                label: "labels",
              },
              {
                id: "antvX6FirstEditionEdge8",
                value: "antvX6FirstEditionEdge8",
                label: "defaultLabel",
              },
              {
                id: "antvX6FirstEditionEdge9",
                value: "antvX6FirstEditionEdge9",
                label: "定制样式 Attrs",
              },
              {
                id: "antvX6FirstEditionEdge10",
                value: "antvX6FirstEditionEdge10",
                label: "内置箭头",
              },
              {
                id: "antvX6FirstEditionEdge11",
                value: "antvX6FirstEditionEdge11",
                label: "自定义箭头",
              },
            ],
          },
          {
            id: "antvX6FirstEditionGroup",
            value: "antvX6FirstEditionGroup",
            label: "群组",
            children: [
              {
                id: "antvX6FirstEditionGroup1",
                value: "antvX6FirstEditionGroup1",
                label: "基础嵌套",
              },
              {
                id: "antvX6FirstEditionGroup2",
                value: "antvX6FirstEditionGroup2",
                label: "通过交互创建嵌套",
              },
              {
                id: "antvX6FirstEditionGroup3",
                value: "antvX6FirstEditionGroup3",
                label: "限制子节点的移动",
              },
              {
                id: "antvX6FirstEditionGroup4",
                value: "antvX6FirstEditionGroup4",
                label: "自动扩展父节点",
              },
              {
                id: "antvX6FirstEditionGroup5",
                value: "antvX6FirstEditionGroup5",
                label: "展开/折叠父节点",
              },
            ],
          },
          {
            id: "antvX6FirstEditionPort",
            value: "antvX6FirstEditionPort",
            label: "连接桩",
            children: [
              {
                id: "antvX6FirstEditionPort1",
                value: "antvX6FirstEditionPort1",
                label: "创建链接桩",
              },
              {
                id: "antvX6FirstEditionPort2",
                value: "antvX6FirstEditionPort2",
                label: "链接桩标签",
              },
              {
                id: "antvX6FirstEditionPort3",
                value: "antvX6FirstEditionPort3",
                label: "连接到链接桩",
              },
              {
                id: "antvX6FirstEditionPort4",
                value: "antvX6FirstEditionPort4",
                label: "链接桩位置",
              },
              {
                id: "antvX6FirstEditionPort5",
                value: "antvX6FirstEditionPort5",
                label: "标签位置",
              },
              {
                id: "antvX6FirstEditionPort6",
                value: "antvX6FirstEditionPort6",
                label: "最佳实践",
              },
            ],
          },
          {
            id: "antvX6FirstEditionGrid",
            value: "antvX6FirstEditionGrid",
            label: "网格",
            children: [
              {
                id: "antvX6FirstEditionGrid1",
                value: "antvX6FirstEditionGrid1",
                label: "演示",
              },
            ],
          },
          {
            id: "antvX6FirstEditionBackground",
            value: "antvX6FirstEditionBackground",
            label: "背景",
            children: [
              {
                id: "antvX6FirstEditionBackground1",
                value: "antvX6FirstEditionBackground1",
                label: "演示",
              },
            ],
          },
          {
            id: "antvX6FirstEditionClipboard",
           value: "antvX6FirstEditionClipboard",
            label: "剪切板",
            children: [
              {
                id: "antvX6FirstEditionClipboard1",
                value: "antvX6FirstEditionClipboard1",
                label: "演示",
              },
            ],
          },
          {
            id: "antvX6FirstEditionUndoRedo",
           value: "antvX6FirstEditionUndoRedo",
            label: "撤销/重做",
            children: [
              {
                id: "antvX6FirstEditionUndoRedo1",
                value: "antvX6FirstEditionUndoRedo1",
                label: "演示",
              },
            ],
          },
          {
            id: "antvX6FirstEditionSelection",
           value: "antvX6FirstEditionSelection",
            label: "点选/框选",
            children: [
              {
                id: "antvX6FirstEditionSelection1",
                value: "antvX6FirstEditionSelection1",
                label: "演示",
              },
            ],
          },
          {
            id: "antvX6FirstEditionSnapline",
           value: "antvX6FirstEditionSnapline",
            label: "对齐线",
            children: [
              {
                id: "antvX6FirstEditionSnapline1",
                value: "antvX6FirstEditionSnapline1",
                label: "演示",
              },
            ],
          },
          {
            id: "antvX6FirstEditionScroller",
           value: "antvX6FirstEditionScroller",
            label: "滚动",
            children: [
              {
                id: "antvX6FirstEditionScroller1",
                value: "antvX6FirstEditionScroller1",
                label: "演示",
              },
            ],
          },
          {
            id: "antvX6FirstEditionMiniMap",
           value: "antvX6FirstEditionMiniMap",
            label: "小地图",
            children: [
              {
                id: "antvX6FirstEditionMiniMap1",
                value: "antvX6FirstEditionMiniMap1",
                label: "演示",
              },
            ],
          },
          {
            id: "antvX6FirstEditionDnd",
           value: "antvX6FirstEditionDnd",
            label: "拖拽",
            children: [
              {
                id: "antvX6FirstEditionDnd1",
                value: "antvX6FirstEditionDnd1",
                label: "演示",
              },
            ],
          },
          {
            id: "antvX6FirstEditionKeyboard",
           value: "antvX6FirstEditionKeyboard",
            label: "键盘快捷键",
            children: [
              {
                id: "antvX6FirstEditionKeyboard1",
                value: "antvX6FirstEditionKeyboard1",
                label: "演示",
              },
            ],
          },
          {
            id: "antvX6FirstEditionMouseWheel",
           value: "antvX6FirstEditionMouseWheel",
            label: "滚轮缩放",
            children: [
              {
                id: "antvX6FirstEditionMouseWheel1",
                value: "antvX6FirstEditionMouseWheel1",
                label: "演示",
              },
            ],
          },
          {
            id: "antvX6FirstEditionNodeEdgeInteraction",
           value: "antvX6FirstEditionNodeEdgeInteraction",
            label: "节点和边的交互",
            children: [
              {
                id: "antvX6FirstEditionNodeEdgeInteraction1",
                value: "antvX6FirstEditionNodeEdgeInteraction1",
                label: "演示",
              },
            ],
          },
        ],
      },
    ],
  },
];
</script>
